<template>
	<view class="container">
		<view class="jilu_list">
			<view class="block_div xiangmu" v-for="(item,index) in dataList" :key="index">
				<view class="list_title uni-flex uni-flex-align uni-flex-bt">
					<view class="left">{{item.order_no}}</view>
					<view class="right">微信充值</view>
				</view>
				<view class="list uni-flex uni-flex-align uni-flex-bt">
					<view class="left">{{item.payment_time}}</view>
					<view class="right ">
						<view class="green">{{item.price}}</view>
					</view>
				</view>
				<!-- <view class="miaoshu" v-if="item.status==4">驳回原因: <text>{{item.remark}}</text></view> -->
			</view>
		</view>
		<view class="empty-box" v-if="dataList.length==0">
			<image src="/static/ic_nodata.png" mode=""></image>
			<view class="">暂无数据</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				page:1,
				dataList:[],
				type:'',
				m_type:''
			}
		},
		onLoad(e) {
			
			this.getList()
		},
		onReachBottom() {
			this.page++
			this.getList()
		},
		methods: {
			getList(){
				let that = this
				
				that.tui.request('api.auth.live/rechargeLog', "POST",{page:that.page}, false, false, true).then((res) => {
					if(res.code==1){
						that.dataList = that.dataList.concat(res.data.list)
					}
				}).catch((res) => {})
			},
		}
	}
</script>

<style lang="scss">
	page{background: #f7f7f7;}
	.nojilu{padding-top: 30rpx;}
	.xiangmu{margin: 20rpx;padding: 30rpx;background: #fff;	
		.list_title{line-height: 60rpx;border-bottom: 1px solid #eee;margin-bottom: 30rpx;padding-bottom: 10rpx;
			.left{color: #999;}
			.right{color: $base;}
		}
		.x_title{font-weight: bold;margin-bottom: 20rpx;}
		.list{height: 60rpx;
			.right{font-weight: bold;text-align: right;
				.green{font-size: 28rpx;}
				.grey{font-weight: 400;color: #999;}
			}
		}
		.miaoshu{margin-top: 10rpx;font-size: 24rpx;
			text{color: #07c160;;}
		}
	}
</style>
